home *** CD-ROM | disk | FTP | other *** search
/ Exame Informatica 142 / Exame Informatica 142.iso / Programas / paintnet / PaintDotNet_3_01_BetaNews.exe / PaintDotNetSetup.exe / PaintDotNet.msi / _D7084C514EF09DC6AC3E3B757292BED3 < prev    next >
Encoding:
Text File  |  2007-01-11  |  8.2 KB  |  172 lines
  1. <html>
  2.  
  3. <!-- #BeginTemplate "pdn_help.dwt" -->
  4.  
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7. <!-- #BeginEditable "title" -->
  8. <title>Paint.NET Help - Levels</title>
  9. <!-- #EndEditable -->
  10. <link rel="stylesheet" type="text/css" href="../stylesheet.css">
  11. </head>
  12.  
  13. <body>
  14.  
  15. <div id="banner">
  16.     <a href="http://www.getpaint.net/">
  17.     <img border="0" src="../images/logo.png"></a><p>
  18.      </div>
  19. <div id="leftnav">
  20.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  21.         <li><a href="index.html">Overview</a><br>
  22.         </li>
  23.         <li><a href="Features.html">Features</a><br>
  24.         <a href="Tutorials.html">Tutorials</a><br>
  25.         <a href="WhatsNew.html">What's New?</a><br>
  26.         </li>
  27.     </ul>
  28.     <h3>Concepts</h3>
  29.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  30.         <li><a href="LayersAndBlendModes.html">Layers and Blend Modes</a></li>
  31.     </ul>
  32.     <h3>User Interface</h3>
  33.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  34.         <li><a href="KeyboardMouseCommands.html">Keyboard & Mouse Commands</a></li>
  35.         <li><a href="MainWindow.html">Main Window</a></li>
  36.         <li><a href="ImageList.html">Image List</a></li>
  37.         <li><a href="MenuBar.html">Menu Bar</a>
  38.         <ul class="toc">
  39.             <li><a href="FileMenu.html">File</a></li>
  40.             <li><a href="EditMenu.html">Edit</a></li>
  41.             <li><a href="ViewMenu.html">View</a></li>
  42.             <li><a href="ImageMenu.html">Image</a></li>
  43.             <li><a href="LayersMenu.html">Layers</a>
  44.             <ul class="toc">
  45.                 <li class="comment"><a href="RotateZoom.html">Rotate / Zoom</a></li>
  46.             </ul></li>
  47.             <li><a href="AdjustmentsMenu.html">Adjustments</a> 
  48.                 <ul class="toc">
  49.                     <li><a href="Curves.html">Curves</a></li>
  50.                     <li><a href="Levels.html">Levels</a></li>
  51.                 </ul></li>
  52.             <li><a href="EffectsMenu.html">Effects</a></li>
  53.             <li><a href="WindowMenu.html">Window</a></li>
  54.             <li><a href="HelpMenu.html">Help</a></li>
  55.         </ul>
  56.         </li>
  57.         <li><a href="Toolbar.html">Toolbar</a></li>
  58.         <li><a href="ToolsWindow.html">Tools Window</a><ul class="toc">
  59.             <li><a href="SelectionTools.html">Selection Tools</a></li>
  60.             <li><a href="MoveTools.html">Move Tools</a><br>
  61.             <a href="MagicWand.html">Magic Wand</a></li>
  62.             <li><a href="GradientTool.html">Gradient Tool</a><br>
  63.             <a href="Paintbrush.html">Paintbrush</a></li>
  64.             <li><a href="EraserTool.html">Eraser Tool</a></li>
  65.             <li><a href="PixelTools.html">Pixel Tools</a></li>
  66.             <li><a href="ShapeTools.html">Shape Tools</a></li>
  67.             <li><a href="LineCurve.html">Line / Curve Tool</a></li>
  68.             <li><a href="TextTool.html">Text Tool</a></li>
  69.             <li><a href="PaintBucket.html">Paint Bucket</a></li>
  70.             <li><a href="CloneStamp.html">Clone Stamp</a></li>
  71.             <li><a href="RecolorTool.html">Recolor Tool</a></li>
  72.         </ul>
  73.         </li>
  74.         <li><a href="HistoryWindow.html">History Window</a></li>
  75.         <li><a href="LayersWindow.html">Layers Window</a></li>
  76.         <li><a href="ColorsWindow.html">Colors Window</a></li>
  77.         <li><a href="StatusBar.html">Status Bar</a></li>
  78.     </ul>
  79.     </li>
  80.     <h3>Other</h3>
  81.     <ul class="toc" style="margin-left: 0; padding-left: 0;">
  82.         <li><a href="FAQ.html">FAQ (Frequently Asked Questions)</a></li>
  83.         <li><a href="UnattendedInstallation.html">Unattended Installation</a></li>
  84.         <li><a href="SystemRequirements.html">System Requirements</a></li>
  85.         <li><a href="WebLinks.html">Web Links</a></li>
  86.         <li><a href="License.html">License</a></li>
  87.     </ul>
  88. </div>
  89. <div id="content">
  90.     <!-- #BeginEditable "content" -->
  91.  
  92.  
  93.     <h2>Levels Adjustment</h2>
  94.     <p>The Levels adjustment can be used to alter the color range (or 
  95.     "exposure") of an image, including gamma adjustments, on a 
  96.     channel-by-channel basis. Most adjustments performed using levels consist of 
  97.     changing a pictures input and output white point, black point, and grey 
  98.     point. The white point of an image is the brightest color that appears in 
  99.     the image, while the black point is the darkest color that will appear in an 
  100.     image. The grey point represents the average color of the entire image.</p>
  101.     <p align="center"><img border="0" src="Images/Levels1.png"> </p>
  102.     <p>Each of these color points of an image may be adjusted using Levels. In 
  103.     the dialog above, there are 5 numeric inputs and 5 color swatches. The two 
  104.     along the left side in the 'Input' section indicate the input white and 
  105.     black points. These colors may be adjusted using the numeric inputs, the 
  106.     slider, or by double-clicking on the color swatches. The white point on this 
  107.     side is the color that should be adjusted to become the white point selected 
  108.     on the right side. When the adjustment is performed, colors in the image as 
  109.     bright or brighter than this color will adjust to be equal to the output 
  110.     white point (in the above screenshot, the output white point has been left 
  111.     at its default value, white). Correspondingly, the input black point has 
  112.     been adjusted in the dialog pictured above, so the darkest colors of the 
  113.     output image will be adjusted to be simply black. By adjusting the white 
  114.     point to be slightly darker, we are making that same dark color be as bright 
  115.     as white in the output, and by adjusting the black point to be slightly 
  116.     brighter, we are making those dark colors of the image absolutely black. 
  117.     Also, in the dialog above, the output grey point has been adjusted to be 
  118.     slightly brighter. While this does not effect the whites and blacks of the 
  119.     image, it causes the overall color of the image to be brightened.</p>
  120.     <p align="center"><img border="1" src="../images/LewistonSunset_small.jpg" width="320" height="240">
  121.     <img border="1" src="../images/LewistonSunset_small_Levels1.jpg" width="320" height="240"></p>
  122.     <p>These adjustments end up stretching the range of an image, visible 
  123.     through the histograms on each side of the levels dialog. The histogram on 
  124.     the left indicates the color curve of the image before any adjustment, this 
  125.     histogram represents the amount of an image that is equal to a given color. 
  126.     In the case of the one pictured above, the histogram indicates that a 
  127.     significant portion of the image is nearly black, with a second bulge around 
  128.     40% brightness. Also, the small spike at the top edge of the input histogram 
  129.     indicates that there is a small portion of the image that is completely 
  130.     white.</p>
  131.     <p>With Level's default settings, the output histogram will be equal to the 
  132.     input histogram. Every adjustment that is performed on the image, however, 
  133.     will cause the output histogram to be updated to represent the changes that 
  134.     will result in the output image. Causing the output histogram to be spread 
  135.     thinner results in an image with higher contrast. Squishing the histogram to 
  136.     a single peak, on the other had, will result in an image with very low 
  137.     contrast. Any of the adjustments between these extremes are possible with 
  138.     levels. In the screenshot above, a significant portion of the image is 
  139.     'blacked out', resulting in a large spike at the bottom end. The same is 
  140.     true of the top end, where much of the image is 'whited out'. Overall, the 
  141.     histogram has been stretched very thin, as evident from the high contrast 
  142.     present in the image.</p>
  143.     <p>Up to this point, all adjustments have been performed on a all channels, 
  144.     red, green and blue. By using the R, G, B checkboxes (pictured below), 
  145.     individual channels may be adjusted separately (as well as two at a time). 
  146.     In the picture below, the gamma has been adjusted for the green and blue 
  147.     channels at the same time, causing the level of cyan in the image to drop 
  148.     overall. This accentuates the red of the image, as shown in the picture 
  149.     below.</p>
  150.     <p align="center"><img border="0" src="Images/Levels2.png"></p>
  151.     <p align="center"><img border="1" src="../images/LewistonSunset_small.jpg" width="320" height="240">
  152.     <img border="1" src="../images/LewistonSunset_small_Levels2.jpg" width="320" height="240"></p>
  153.  
  154.     <!-- #EndEditable -->
  155.     <h4><br>
  156.     <br>
  157.     </h4>
  158.     <p align="center">
  159.     <font color="#808080" size="1">Copyright <font face="Times New Roman">┬⌐ 2007 </font>
  160.     Rick Brewster, Tom Jackson, and past contributors. Portions Copyright
  161.     <font face="Times New Roman">┬⌐ 2007 </font>Microsoft Corporation. All Rights 
  162.     Reserved.</font><font size="1"> <br>
  163.     </font>
  164. </div>
  165. </b>
  166.  
  167. </body>
  168.  
  169. <!-- #EndTemplate -->
  170.  
  171. </html>
  172.